<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="__ADMIN__/css/base.css"/>
    <link rel="stylesheet" href="__ADMIN__/css/login.css"/>
    <title>移动办公自动化系统</title>
</head>
<body>
<div id="container">
    <form action="__CONTROLLER__/checkLogin" method="post">

        <div id="bd">
            <div class="login1">
                <div class="login-top"><h1 class="logo"></h1></div>
                <div class="login-input">
                    <p class="user ue-clear">
                        <label>用户名</label>
                        <input type="text" name="username"/>
                    </p>
                    <p class="password ue-clear">
                        <label>密&nbsp;&nbsp;&nbsp;码</label>
                        <input type="text" name="password"/>
                    </p>
                    <p class="yzm ue-clear">
                        <label>验证码</label>
                        <input type="text" name="captcha" maxlength="4" />

                        <!-- <cite><img style="margin-left: 3px" src="__CONTROLLER__/captcha"
                         onclick="this.src='__CONTROLLER__/captcha/'+Math.random()"
                         >
                         </cite>-->|
                        <cite><img style="margin-left: 3px" src="{:U('captcha')}"
                                   onclick="this.src='__CONTROLLER__/captcha/'+Math.random()"
                        >
                        </cite>
                    </p>
                </div>
                <div class="login-btn ue-clear">
                    <a href="javascript:;" class="btn">登录</a>
                    <div class="remember ue-clear">
                        <input type="checkbox" id="remember"/>
                        <em></em>
                        <label for="remember">记住密码</label>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
<div id="ft">CopyRight&nbsp;2014&nbsp;&nbsp;版权所有&nbsp;&nbsp;uimaker.com专注于ui设计&nbsp;&nbsp;苏ICP备09003079号</div>
</body>
<body>
<div align="center">
    <!--这是Html的注释-->

    ThinkPHP中的行注释：{// 行的注释}<br/>
    ThinkPHP中的快注释：{/* 快的注释 */}<br/>

</div>

</body>
<script type="text/javascript" src="__ADMIN__/js/jquery.js"></script>
<script type="text/javascript" src="__ADMIN__/js/common.js"></script>
<script type="text/javascript">
    $(function () {

        $('.btn').on('click', function () {
            $('form').submit();
        });
    });


    var height = $(window).height();
    $("#container").height(height);
    $("#bd").css("padding-top", height / 2 - $("#bd").height() / 2);

    $(window).resize(function () {
        var height = $(window).height();
        $("#bd").css("padding-top", $(window).height() / 2 - $("#bd").height() / 2);
        $("#container").height(height);

    });

    $('#remember').focus(function () {
        $(this).blur();
    });

    $('#remember').click(function (e) {
        checkRemember($(this));
    });

    function checkRemember($this) {
        if (!-[1,]) {
            if ($this.prop("checked")) {
                $this.parent().addClass('checked');
            } else {
                $this.parent().removeClass('checked');
            }
        }
    }
</script>
</html>